<template>
  <div class="Prompt">
    <p>{{prompt}}</p>
  </div>
</template>

<script>
export default {
  name: 'Prompt',
	props:['prompt'],
  data () {
    return {
      
    }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.Prompt{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  opacity: 1;

  p{
    width: 1.74rem;
    height: .44rem;
    text-align: center;
    line-height: .44rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    font-size: .14rem;
  }
}
</style>
